window.addEventListener('load', function () {

    //1. books栏
    $('.top li').mouseover(function () {
        //给当前样式添加激活样式
        $(this).addClass('active').siblings().removeClass('active')
        $(this).css('background', ' #f60')


        //当前菜单索引
        let index = $(this).index()

        //显示当前菜单对应的内容
        $('.bottom-left .books-box').eq(index).addClass('on').siblings().removeClass('on')

    })

    $('.top li').mouseout(function () {
        $(this).css('background', '')

    })



    //1.1 books-手风琴效果
    $('.nwebooks .nwebooks-p').mouseover(function () {
        // alert(1)
       
    // console.log($(this).next('div').closest('.nwebooks-list'));
        
        $(this).next('div').addClass("on").closest('.nwebooks-list').siblings().find('div').removeClass('on')
      
    })




// $('.top-con .green').mouseover(function(){
//     $('.green').css('bacrground','#f60')
// })



// 推广商品
// $('.extension-top li').mouseover(function () {
//     // console.log(1)

//     //给当前样式添加激活样式
//     $(this).addClass('active').siblings().removeClass('active')


//     //当前菜单索引
//     let index = $(this).index()

//     //显示当前菜单对应的内容
//     $('.extension-con .extension-item').eq(index).addClass('on').siblings().removeClass('on')

// })
$('.extension-top li').mouseover(function () {
    $(this).addClass('active').siblings().removeClass('active')
        .closest('.extension-top').siblings('.extension-con').find('.extension-item')
        .eq($(this).index()).addClass('on').siblings().removeClass('on')
})




// 7.左边电梯

/**
 * 1.鼠标移入对应的图标，背景图左移40。
 * 2.鼠标移入对应的图标，显示对应的名称。
 * 3.鼠标移入对应的图标，背景色变化。
 */


 let colorArr=['#93D46F','#F65828','#BB9DEE','#FF7394','#C2EC52']
//  移入
$('.elevator li').hover(function(){
    
    let index=$(this).index()

    //1.背景图移位
    $(this).css(
        {
            'background-position-x':'-40px',
            'background-color':colorArr[index],
            'width':40
         }
    )
   
    },function(){

        $(this).css(
            {
                'background-position-x':0,
                'background-color':'',
                'width':'0'
            }
        )

    })
    
    $('.elevator li').click(function(){
        console.log(1)

        let index = $(this).index()

        let $target = $('.floor').eq(index)
        let sTop = $target.offset().top

        $('html,body').stop().animate({scrollTop:sTop},300)
    })



    $('.nwebooks .nweBooks-list').mouseover(function(){

        $(this).addClass('active').siblings().removeClass('active')
    })




}) //底部